/* You can add global styles to this file, and also import other style files */
.mls {
  > * {
    margin-left: 8px;
  }
}

.mls-2 {
  > * {
    margin-left: 16px;
  }
}

.mls-3 {
  > * {
    margin-left: 24px;
  }
}
.mrs {
  > * {
    margin-right: 8px;
  }
}

.mrs-2 {
  > * {
    margin-right: 16px;
  }
}

.mrs-3 {
  > * {
    margin-right: 24px;
  }
}

.mts {
  > * {
    margin-top: 8px;
  }
}

.mts-2 {
  > * {
    margin-top: 16px;
  }
}

.grid-demo {
  > :nth-child(2n + 1) {
    background-color: #40adff;
  }
  > :nth-child(2n) {
    background-color: #0092ff;
  }
  > .ant-col {
    color: white;
    line-height: 48px;
    text-align: center;
  }
}

.layout-demo {
  .ant-layout-header,
  .ant-layout-footer {
    background-color: #40adff;
    color: white;
    text-align: center;
  }
  .ant-layout-content {
    background-color: #0092ff;
    color: white;
    line-height: 128px;
    text-align: center;
  }
  .ant-layout-sider {
    background-color: #3ba0e9;
    color: white;
    text-align: center;
    padding-top: 48px;
  }
}
